<div id="seccionA">
	<div style="float:left; width:676px; height: 700px;">
		<div id="aTop6">
	    	<div id="aPrincipalIzq">
		    	<!-- START SLIDER -->
	            <div id="slider"> 
	            	{foreach from=$arrPrincipal item=principal}
						<ul><li>
		                	<div style="float:left">
		                    	<a href="/nota/{$principal->getNotaID()}">
		                        	<img src="/fotos/{$principal->getImagen()}" width="446px" height="216px" />
		                        </a>
							</div>
		                    <div style="float:left">
		                      	<a class="tituloPrincipal" href="/nota/{$principal->getNotaID()}">{$principal->getTitulo()}</a>
		                    </div>
		                    <div style="height: auto; float:left">{$principal->getDescripcion()}</div>
		                    <div style="float:left; margin-top: 5px;"><a class="leerMas" href="/nota/{$principal->getNotaID()}">Leer m&aacute;s</a></div>
						</li></ul>
					{/foreach}
				</div>
				<!--END SLIDER -->
	            <div class="principalBloque">
	            	<div><a class="tituloPrincipal2" href="/nota/{$arrNotas[0]['notaid']}">{$arrNotas[0]['titulo']}</a></div>
	                <div>{$arrNotas[0]['descripcion']}</div>
	                <div><a class="leerMas" href="/nota/{$arrNotas[0]['notaid']}">Leer m&aacute;s</a></div>
	            </div>
	        </div>
	        <div id="aPrincipalDer">
	        	<div class="top4Principal">
	            	<div><a class="tituloTop4" href="/nota/{$arrNotas[1]['notaid']}">{$arrNotas[1]['titulo']}</a></div>
	                <div>{$arrNotas[1]['descripcion']}</div>
	                <div><a class="leerMas" href="/nota/{$arrNotas[1]['notaid']}">Leer m&aacute;s</a></div>
	            </div>
	            <div class="top4Principal">
	            	<div><a class="tituloTop4" href="/nota/{$arrNotas[2]['notaid']}">{$arrNotas[2]['titulo']}</a></div>
	                <div>{$arrNotas[2]['descripcion']}</div>
	                <div><a class="leerMas" href="/nota/{$arrNotas[2]['notaid']}">Leer m&aacute;s</a></div>
	            </div>
	            <div class="top4Principal">
	            	<div><a class="tituloTop4" href="/nota/{$arrNotas[3]['notaid']}">{$arrNotas[3]['titulo']}</a></div>
	                <div>{$arrNotas[3]['descripcion']}</div>
	                <div><a class="leerMas" href="/nota/{$arrNotas[3]['notaid']}">Leer m&aacute;s</a></div>
	            </div>
	            <div class="top4Principal">
	            	<div style="margin-bottom:5px;"><a class="tituloTop4" href="/nota/{$arrNotas[4]['notaid']}">{$arrNotas[4]['titulo']}</a></div>
	                <div>{$arrNotas[4]['descripcion']}</div>
	                <div><a class="leerMas" href="/nota/{$arrNotas[4]['notaid']}">Leer m&aacute;s</a></div>
	            </div>
	        </div>
	    </div>
		<div id="masMonitos">
			<img src="http://masmedio.com/img/masmedio_728_90.jpg" width="656" height="90">
		</div>
	</div>
    <div id="menuDerA">
    	<div id="colRodrigo">
        	<div id="colRodrigoHeader"></div>
            <div style="float:left">
                <div id="colRIzq"></div>
                <div id="colRContenido">
                    <div id="fotoR">
                    	<img src="/img/staff_masmedio.jpg" width="236" height="94" border="0" />
                    </div>
                    <div>
                    	<div><a class="tituloColR" href="/nota/{$arrColumna["notaid"]}">{$arrColumna["titulo"]}</a></div>
                        <div id="rs">Por Staff de MasMedio</div>
                        <div id="textoColR">{$arrColumna['descripcion']|truncate:250}...</div>
                        <div><a class="leerMasCR" href="/nota/{$arrColumna["notaid"]}">Leer m&aacute;s</a></div>
                    </div>
                </div>
                <div id="colRDer"></div>
            </div>
            <div style="float:left; width:252px">
                <div class="pisoIzq"></div>
                <div class="piso"></div>
                <div class="pisoDer"></div>
			</div>
		</div>
		<div id="tuvoto">
			<div id="tuvotoHeader"></div>
			<div>
				<!-- START SLIDER -->
				<ul id="tuvotoCarousel" class="jcarousel-skin-tango">
					{foreach from=$arrTuVoto item=tuVoto}
						<li>
							<div>
								<a href="/nota/{$tuVoto->getNotaID()}">
									{if $tuVoto->getImagen() != ""}
										<img src="/fotos/{$tuVoto->getImagen()}" width="228px" height="108px" />
									{else}
										<img src="/img/staff_masmedio.jpg" width="228px" height="108px" />
									{/if}
								</a>
							</div>
							<div class="tuvotoTitle">
								<a href="/nota/{$tuVoto->getNotaID()}">
									{$tuVoto->getTitulo()}
								</a>
							</div>
							<div class="tuvotoDescription">
								"{$tuVoto->getDescripcion()|truncate:110}..."
							</div>
						</li>
					{/foreach}
				</ul>
				<!--END SLIDER -->
			</div>
			<div id="tuvotoFooter"></div>
		</div>
	</div>
</div>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){	
		$("#slider").easySlider();				
	});
	function mycarousel_initCallback(carousel)
	{
		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};
	jQuery(document).ready(function() {
		jQuery('#tuvotoCarousel').jcarousel({
			auto: 3,
			wrap: 'last',
			initCallback: mycarousel_initCallback,
			scroll: 1
		});
	});
	$("#tuvotoHeader").click(function(){
		window.location = "/secciones/25";
		return false;
	});
	$("#tuvotoFooter").click(function(){
		window.location = "/secciones/25";
		return false;
	});
</script>